<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_100177PC','　　　　_100178PC','img_100179PC'"  ></cms:ads>
<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵认证检测有限公司${网页标题}</title>
  <link href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/reset.css" rel="stylesheet"> 
  <link rel="stylesheet/less" type="text/css" href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/common.less"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/swiper.min.css"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/pc/fonts/iconfont.css" rel="stylesheet"> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/less.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=zqtbnZyboNxO5Y5TbLry8xQp1Zs3G4y9"></script>
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
  <style>.mapbox_wrap{background: #ffffff;} .mapbox{width: 1200px;margin: 0 auto;} .map{ width: 60%; margin: 0 auto; display: block; margin-bottom: 30px; } .infobox{ width: 60%; margin:20px auto; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="common-banner"> 
   <img src="${img_100177PC.adImg}" alt="" class="zy" data-type="ad" data-id="${img_100177PC.adId}"> 
  </div> 
  <div class="mapbox_wrap"> 
   <div class="mapbox"> 
    <div class="infobox" >
      <cms:arts var="xxzxfile" code="${param.code }" pageNow="${param.pageNow}"
                pageSize="10"></cms:arts>
      ${xxzxfile[0].artContent}
    </div>
    </div>
   <div style="width:700px;height:550px;border:#ccc solid 1px;font-size:12px;left: 25%;" id="map"></div>
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/jquery.min.js"></script>
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/swiper.min.js"></script>
  <script>
    $('.list-inner').mouseenter(function() {

      var item = $('.list-inner');
      var $this = $(this);
      var id = $this.data("id");

      item.removeClass("active");
      item.find("i").css('visibility', 'hidden');
      $(".div_title_list").hide();

      $this.addClass("active");
      $this.find("i").css('visibility', 'visible');
      $("#row" + id).show();
    });


    var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
      },
    });
  </script>

  <script type="text/javascript">
   //创建和初始化地图函数：
   function initMap(){
    createMap();//创建地图
    setMapEvent();//设置地图事件
    addMapControl();//向地图添加控件
    addMapOverlay();//向地图添加覆盖物
   }
   function createMap(){
    map = new BMap.Map("map");
    map.centerAndZoom(new BMap.Point(112.921788,28.209489),19);
   }
   function setMapEvent(){
    map.enableScrollWheelZoom();
    map.enableKeyboard();
    map.enableDragging();
    map.enableDoubleClickZoom()
   }
   function addClickHandler(target,window){
    target.addEventListener("click",function(){
     target.openInfoWindow(window);
    });
   }
   function addMapOverlay(){
    var markers = [
     {content:"希尔梵认证检测有限公司",title:"希尔梵认证检测有限公司",imageOffset: {width:-46,height:-21},position:{lat:28.20984,lng:112.921819}}
    ];
    for(var index = 0; index < markers.length; index++ ){
     var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
     var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
       imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
      })});
     var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
     var opts = {
      width: 200,
      title: markers[index].title,
      enableMessage: false
     };
     var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
     marker.setLabel(label);
     addClickHandler(marker,infoWindow);
     map.addOverlay(marker);
    };
   }
   //向地图添加控件
   function addMapControl(){
    var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
    scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
    map.addControl(scaleControl);
    var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(navControl);
    var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
    map.addControl(overviewControl);
   }
   var map;
   initMap();
  </script>
 </body>
</html>